<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>登陆和注册</title>
    <link rel="stylesheet" href="/css/login.css">
    <link rel="shortcut icon" type="image/x-icon" media="all" href="/images/favicon.ico" />
</head>
<body>
    <div class="heart">
        <!-- header -->
        <div class="header">
            
        </div>
        <!-- Location -->
        <div class="Location"></div>
        <!-- cantainer -->
        <div class="cantainer">
            <!-- 头部tab切换 -->
            <div class="tab-top" id="tab-top">
                <div class="tab-btn1 change-tab" id="tab-btns">登陆</div>
                <div class="tab-btn2" id="tab-btns">注册</div>
            </div>


            <div class="tab-wrap" id="tab-wrap" >
                <!-- 登陆 -->
                <div class="tab-login change" id="tab3">
                    <div class="placeholder-box"></div>
                    <form class="login-form">
                        <!-- 邮箱或手机号 -->
                        <div class="form-group">
                            <label for="username">手机号:</label>
                            <input type="text" class="inp-username" id="inp-username" placeholder="手机号">
                        </div>
                        <!-- 密码 -->
                        <div class="form-group">
                            <label for="password">密码:</label>
                            <input type="password" class="inp-password" id="inp-password" placeholder="">
                        </div>
                        <!-- 自动登陆 -->
                        <div class="autologin">
                            <span class="pull-left">
                                <input type="checkbox" value="true">自动登陆
                            </span>
                            <a href="#" class="pull-right">忘记密码？</a>
                        </div>
                        <!-- 登陆确认按钮 -->
                        <div class="form-group">
                            <input type="button" class="inp-button" id="inp-button" value="登&nbsp;陆">
                        </div>
                    </form>
                    <div class="erweima"><img src="/images/er-wei-ma.jpg"></div>
                </div>
                
                <!-- 注册 -->
                <div class="tab-register" id="tab3">
                    <div class="placeholder-box"></div>
                    <form class="register-form">
                        <!-- 手机号 -->
                        <div class="form-group2">
                            <label for="username">手机号:</label>
                            <img src="/images/import.gif" class="icon-import">
                            <input type="text" class="inp-style" id="inp-phone">
                        </div>
                        <!-- 验证码 -->
                        <div class="form-group2">
                            <label for="username">验证码:</label>
                            <img src="/images/import.gif" class="icon-import">
                            <img src="/images/yanzheng.jpg" class="yanzhengma">
                            <input type="button" value="刷新" class="yanzheng-refresh">
                            <input type="text" class="inp-style">
                        </div>
                        <!-- 短信验证码 -->
                        <div class="form-group2">
                            <label for="username">短信验证码:</label>
                            <img src="/images/import.gif" class="icon-import">
                            <input type="text" class="inp-style">
                            <input type="button" value="发送验证码" class="yanzheng-send">
                        </div>
                        <!-- 密码 -->
                        <div class="form-group2">
                            <label for="password">密码:</label>
                            <img src="/images/import.gif" class="icon-import">
                            <input type="text" class="inp-style" id="inp-style-password">
                        </div>
                        <!-- 同意协议 -->
                        <div class="agreement-pass">
                            <span class="pull-left">
                                <input type="checkbox" value="true">同意注册协议
                            </span>
                            <a href="#" class="pull-right">注册协议</a>
                        </div>
                        <!-- 同意协议并注册按钮 -->
                        <div class="pass-input">
                            <input type="button" class="pass-button" id="registerBtn" value="同意协议并注册">
                            <div class="ps-import">标有星号 (*) 的字段是必填字段</div>
                        </div>
                    </form>
                    <div class="erweima"><img src="/images/er-wei-ma.jpg"></div>
                </div>
            </div>
        </div>
        <!-- footer -->
        <footer>
            
        </footer>
    </div>
    <!-- 右侧购物车固定栏 -->
    <div class="floatbar">
        
    </div>
    <!-- 注册成功弹出框 -->
    <div class="alert1">
        <div class="suprise">
            <p>恭喜你注册成功</p>
            <p>本弹框将在两秒后自动关闭</p>
            <p>请手动点击到登陆页面进行登陆</p>
        </div>
    </div>
    <!-- 登陆成功弹出框 -->
    <div class="alert2">
        <div class="suprise2">
            <p>恭喜你登陆成功</p>
            <p>本弹框将在一秒后自动关闭</p>
            <p>这次会自动返回首页，不用手动</p>
        </div>
    </div>
</body>
<script src="/libs/requirejs/require.min.js" data-main="/js/login"></script>
</html>